<template id="noFound">
  <div class="noFound">
    <p>您访问的页面不存在，回<span @click="handleRouteJump">首页</span></p>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'

const router = useRouter()

const handleRouteJump = () => {
  router.push('/')
}
</script>

<style lang="less" scoped>
.noFound {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url('../../assets/img/404/notfound_bg.png');
  background-size: 100% 100%;
  p {
    font-size: 32px;
    font-weight: bolder;
    color: #fff;
    span {
      color: #00ffb0;
      cursor: pointer;
    }
  }
}
</style>
